<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<ui:composition template="/Menu.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"                
                xmlns:c="http://java.sun.com/jsp/jstl/core">
        <ui:define name="body">
    <h:head>
        <title>Sistema de Prácticas Profesionales</title>
    </h:head>
            <h:form id="form">
            <p:panel header="FUNDACIÓN UNIVERSITARIA KONRAD LORENZ" >  
                <p:panel header="DATOS DE CONVENIO" >
                    <h:panelGrid columns="4" cellpadding="5"> 
                        <h:outputLabel for="name" value="Fecha Inicial Convenio:" style="font-weight:bold"/>
                        <p:calendar value="#{calendarBean.date1}" id="fechaInicial" showButtonPanel="true" pattern="dd mm yyyy"/>     
                        <h:outputLabel for="name" value="Fecha Final Convenio:" style="font-weight:bold"/>
                        <p:calendar value="#{calendarBean.date2}" id="fechaFinal" showButtonPanel="true" pattern="dd mm yyyy"/>     
                        <h:outputLabel for="name" value="Cupos Ofrecidos:" style="font-weight:bold"/>  
                        <p:inputText id="cuposOfrecidos" value="" />   
                        <h:outputLabel for="name" value="Cupos Asignados:" style="font-weight:bold"/>  
                        <p:inputText id="cuposAsignados" value="" />
                        
                        

                    </h:panelGrid>  
                        <h:outputLabel for="name" value="Observaciones:" style="font-weight:bold"/>  
                        <p:inputText id="Observaciones" value="" />
                        
                </p:panel>  
                <p:commandButton value="Guardar" update="display" oncomplete="dlg.show()" onclick=""/>  
                    <p:commandButton value="Cancelar" update="display" oncomplete="dlg.show()" />  
                        <p:dialog header="Selected Values" modal="true" showEffect="fade" hideEffect="fade" widgetVar="dlg">  
                           <p:outputPanel id="display">  
                               <p:dataList value="" var="option">  
                                   #{option}  
                               </p:dataList>  
                               <p:dataList value="" var="movie">  
                                   #{movie}  
                               </p:dataList>  
                           </p:outputPanel>
                        </p:dialog>
            </p:panel>
            
                    
                    </h:form>
         </ui:define>
</ui:composition>